<template>
	<view class="pages">
	<view  style="border-radius:20rpx ;overflow: hidden;">
		<u-cell-group>
			<u-cell-item center value="" :arrow="false" title="日均行驶时间">
				<u-input slot="right-icon" v-model="assessInfo.time" input-align="right" type="number"
					placeholder="请输入" />
				<text style="margin-left: 8px;" slot="right-icon">小时</text>
			</u-cell-item>
			<u-cell-item center value="" :value-style="{'color':'#666'}" :arrow="false" title="使用性质">
				<view class="_flex" style="justify-content: flex-end;">
					<u-radio-group v-model="assessInfo.radioValue1">
						<u-radio shape="circle" name="no">否</u-radio>
						<u-radio shape="circle" name="yes">是</u-radio>
					</u-radio-group>
				</view>
			</u-cell-item>
		</u-cell-group>
	</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				assessInfo:{
					time:"",
					radioValue1:'no',
					radioValue2:'no',
				}
			}
		},
		// 必须要在onReady生命周期，因为onLoad生命周期组件可能尚未创建完毕
		// onReady() {
		// 	this.$refs.uForm.setRules(this.rules);
		// 	this.$refs.uForm1.setRules(this.rules1);
		// },
		methods: {
			//添加多行
			    addClick(index) {
			      this.sonList.push({
			       handfulSize:"",
			       num:""
			      });
			    },
			 // 删除多行
			    deleteClick(index) {
			      this.sonList.splice(index, 1);
			    },
			submit() {
				this.$refs.uForm.validate(valid => {
					if (valid) {
						console.log('验证通过');
					} else {
						console.log('验证失败');
					}
				});
				this.$refs.uForm1.validate(valid => {
					if (valid) {
						console.log('验证通过');
					} else {
						console.log('验证失败');
					}
				});
			}
		}
	}
</script>
<style scoped>
	.page {
		text-align: center;
	}

	.title {
		font-size: 40rpx;
		color: #666666;
	}

	.typeInfoBox {
		margin: 40rpx 28rpx;
	}
	.addMore{
		font-size: 36rpx;
		    color: #0092D8;
		    padding: 40rpx 0;
		    border-bottom: 1px solid #eee;
	}
</style>
